<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>我的钱包</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/base.css" rel="stylesheet" />
		<link href="css/common.css" rel="stylesheet" />
		<link href="css/app.css" rel="stylesheet" />
		<style>
			.wallet_card input{border: none;background: #f3f3f3;}
			.wallet_card li{float: left;width: 47.5%;margin-left: 2%;border: 1px solid #bbb;border-radius: 5px;margin-bottom: 10px;cursor: pointer;}
			.wallet_card li.active{background: #fff4f4;color: #e84945;border: 1px solid #f00;}
			.wallet_card li p{padding: 5px;text-align: center;margin: 0;color: #333;font-size: 1.6rem;}
			.wallet_card li.active p{color: #e84945;}
		</style>
	</head>

	<body>
		<div class="bodyWrap wallet">
			<div class="back_fff pb10 mb10">
				<p class="tr p10">
					<a href="walletdetail.html">
						<span class="c_red">钱包明细</span><span class="mui-icon mui-icon-arrowright f18 c_gray"></span>
					</a>
				</p>
				<p class="tc f18">余额</p>
				<p class="tc c_red"><strong class="f30 fb mr10">2000</strong>元</p>
			</div>
			<div class="back_fff p10 wallet_card">
				<p><input class="f14" type="text" placeholder="手动输入金额" /></p>
				<ul class="oh">
					<li class="active">
						<p>充300送10元</p>
						<p>升级为青铜会员</p>
					</li>
					<li>
						<p>充300送10元</p>
						<p>升级为青铜会员</p>
					</li>
					<li>
						<p>充300送10元</p>
						<p>升级为青铜会员</p>
					</li>
					<li>
						<p>充300送10元</p>
						<p>升级为青铜会员</p>
					</li>
				</ul>
			</div>
			<p class="p10">点击立即充值，即表示您已同意<a class="c_red" href="agree_ment.html">《到位平台充值协议》</a></p>
			<p class="p10">
				<span class="redBtnBig">立即充值</span>
			</p>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/zepto.min.js"></script>
		<script src="js/app.js"></script>
		<script type="text/javascript">
			mui.init();
			app.walletLi();
		</script>
	</body>

</html>